import React from 'react'
import './style.less'
import classnames from 'classnames'

export default function Pagination ({ banners, currentIndex }) {
  return (
    <div className="swiper-pagination">
      <ul>
        {
          banners.map((ele, index) => {
            return (
              <li key={index} className={classnames({ "selected": currentIndex === index })}></li>
            )
          })
        }
      </ul>
    </div>
  )
}
